<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<style>
.left{
width: 25%;
display: inline;
float: left;
margin: 7px 0;
height: 26px;
}
.label{
display: inline-block;
width: 80px;
line-height: 26px;
margin-right: 5px;
}
.left span{display: inline-block;
    width: 150px;
    padding: 0 3px;
    height: 26px;
}
</style>
</head>
<body>
	<div>
		<div style="width: 978px;margin: 0 auto;">
			<div class="left"><label class="label">楼号：</label><span>${comCollectionRecord.buildIds!""}</span></div>
			<div class="left"><label class="label">房号：</label><span>${comCollectionRecord.assetIds!""}</span></div>
			<div class="left"><label class="label">合同号：</label><span>${comCollectionRecord.contractNo!""}</span></div>
			<div class="left"><label class="label">收据编号：</label><span>${comCollectionRecord.billNo!""}</span></div>
			<div class="left"><label class="label">收款方式：</label><span>${comCollectionRecord.gatheringMethod!""}</span></div>
			<div class="left"><label class="label">收款时间：</label><span>${comCollectionRecord.collectionDays!""}</span></div>
			<div class="left"><label class="label">业务员：</label><span>${comCollectionRecord.chamberlain!""}</span></div><br style="clear:both;">
			<div class="left" style=" width: 750px;"><label class="label">租赁人：</label><span style=" width: 550px;">${comCollectionRecord.renter!""}</span></div>
		</div>
	</div>
	<div style="margin-top:20px;">
		<table border="1" cellspacing="0" cellpadding="0" style="width: 978px;text-align:center;margin: 0 auto;">
			<tr style="height:50px;background-color:#e5e8f3">
				<td style="width:90px">收费项目</td>
				<td style="width:100px">单价</td>
				<td style="width:100px">面积</td>
				<td style="width:200px">计费期间</td>
				<td style="width:80px">月份数</td>
				<td style="width:130px">应收金额</td>
				<td style="width:140px">实收金额</td>
				<td style="width:120px">备注</td>
			</tr>
			<#list comCollectionRecord.comCrChargingitemList as comCrChargingitem>
				<tr style="height:50px">
					<td>${comCrChargingitem.chargingItem!""}</td>
					<#if (comCrChargingitem.univalent)??>
						<td>${comCrChargingitem.univalent}</td>
					<#else>
						<td>--</td>
					</#if>
					<#if (comCrChargingitem.acreage)??>
						<td>${comCrChargingitem.acreage}</td>
					<#else>
						<td>--</td>
					</#if>
					<#if (comCrChargingitem.billingCycle)??>
						<td>${comCrChargingitem.billingCycle}</td>
					<#else>
						<td>--</td>
					</#if>
					<#if (comCrChargingitem.month)??>
						<td>${comCrChargingitem.month}</td>
					<#else>
						<td>--</td>
					</#if>
					<#if (comCrChargingitem.amountPayable)??>
						<td>${comCrChargingitem.amountPayable}</td>
					<#else>
						<td>--</td>
					</#if>
					<#if (comCrChargingitem.payAmount)??>
						<td>${comCrChargingitem.payAmount}</td>
					<#else>
						<td>--</td>
					</#if>
					<#if (comCrChargingitem.remark)??>
						<td>${comCrChargingitem.remark}</td>
					<#else>
						<td>--</td>
					</#if>
				</tr>
			</#list>
			<tr style="height:50px">
				<td>总计</td>
				<td colspan="2">${comCollectionRecord.bigTotalPayAmount!""}</td>
				<td>--</td>
				<td>--</td>
				<td>${comCollectionRecord.totalAmountPayable!""}</td>
				<td>${comCollectionRecord.totalPayAmount!""}</td>
				<td>收款方式：${comCollectionRecord.gatheringMethod!""}</td>
			</tr>
		</table>
	</div>
	<div style="margin-top:10px;color:#333333">
		<div  style="margin: 0 auto;width: 978px;height: 30px;"><span style="float:right;">公司：${companyName!""}</span></div>
	</div>
	<div style="margin-top:10px;color:#333333">
		<div  style="margin: 0 auto;width: 978px;height: 30px;"><span style="float:right;">收款人：<span id="realName"></span></span></div>
	</div>
	<div style="font-size:16px;margin: 0 auto;width: 978px;height:126px;">
		<span style="float: left;">备注：</span>
		<span>${comCollectionRecord.remark!""}</span>
	</div>
	<button  type="button" id="print" style="display: block;font-size: 20px; height: 45px;margin: 10px auto;width: 100px;">打印</button>
	<script src="../../libs/jquery.min.js" type="text/javascript"></script>
	<script src="../../plugins/jqgrid/jquery.jqGrid.min.js" type="text/javascript"></script>
	<script src="../../js/common.js" type="text/javascript"></script>
	<script src="../../js/modules/com/mimeograph.js"></script>
	<script type="text/javascript">
	$(function(){
		$("#print").click(function(){
			$("#print").hide();
			window.print();
			$("#print").show();
		});
	})
	</script>
</body>
</html>